<img ng-show="isComponentLoading" desc="banner" style="width:25px;height:25px" alt="{{ Main_Loading }}" src="Resources/Pictures/ajax-loader.gif" />
<div class="panel panel-default" ng-hide="isComponentLoading">
	<div class="panel-body">
		<!-- User summary -->
		<ul class="list-group">
			<li class="list-group-item">
				{{ Tasks_NumberOfTasks }} <span class="badge">{{ tasks.length }}</span>
			</li>
			<li class="list-group-item">
				<a class="menu_item_link" data-toggle="modal" href="#personalevents">{{ Events_MyEvents }} </a><span class="badge">{{ personalevents.length }}</span>
			</li>
			<li class="list-group-item">
				<a class="menu_item_link" data-toggle="modal" href="#personalinformations">{{ Users_MyAccount }}</a>
			</li>
			<li class="list-group-item" ng-if="currentUser.Profile == 4">
				<a class="menu_item_link" data-toggle="modal" href="#eventSubscriptionsPanel">{{ EventSubscriptions_TitleList }}</a> <span class="badge">{{ eventsubscriptions.length }}</span>
			</li>
		</ul>
	</div>

</div>
<div id="messageManager" class="alert alert-{{ messageType }} alert-dismissible" role="alert" ng-show="messageVisible">
	<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
	{{ messageLabel }}
</div>